<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/content/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="css/content/pignose.parallaxslider.min.css" />
</head>
<body>
	<div class="htmleaf-container">

		<div id="wrapper">
			<div id="visual">
				<div class="slide-visual">
					<!-- Slide Image Area (1000 x 424) -->
					<ul class="slide-group">
						<li><img class="img-responsive" src="images/ba1.jpg"
							alt="Dummy Image" /></li>
						<li><img class="img-responsive" src="images/ba2.jpg"
							alt="Dummy Image" /></li>
						<li><img class="img-responsive" src="images/ba3.jpg"
							alt="Dummy Image" /></li>
					</ul>

					<!-- Slide Description Image Area (316 x 328) -->
					<div class="script-wrap">
						<ul class="script-group">
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa1.jpg"
										alt="Dummy Image" />
								</div></li>
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa2.jpg"
										alt="Dummy Image" />
								</div></li>
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa3.jpg"
										alt="Dummy Image" />
								</div></li>
						</ul>
						<div class="slide-controller">
							<a href="#" class="btn-prev"><img src="images/btn_prev.png"
								alt="Prev Slide" /></a> <a href="#" class="btn-play"><img
								src="images/btn_play.png" alt="Start Slide" /></a> <a href="#"
								class="btn-pause"><img src="images/btn_pause.png"
								alt="Pause Slide" /></a> <a href="#" class="btn-next"><img
								src="images/btn_next.png" alt="Next Slide" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	
	<script type="text/javascript" src="js/pignose.parallaxslider.min.js"></script>
	<script type="text/javascript">
		$(window).load(function() {
			$('#visual').pignoseParallaxSlider({
				play    : '.btn-play',
				pause   : '.btn-pause',
				next    : '.btn-next',
				prev    : '.btn-prev'
			});
		});
	</script>
</body>
</html>